/*首页层叠样式*/
*{
    margin:0;
    padding: 0;
}
body{
    margin:0;
    padding: 0;
}
@media only screen and (max-width:650px) and (min-width:350px){
/*--------------------------------------------------------弹出分类导航*/
#sidebar{
    z-index: 5;
    position:absolute;
    margin-top: 0;
    width:100%;
    height:100%;
    background:black;
    display:none;
}
/*弹出分类导航【第一行】*/
.list-group{
    width:100%;
    border:none;
    background:none ;
}
.list_group_line{
    display: block;
    width:100%;
    height:40px;
    line-height: 40px;
}
.active{
    color:white;
    background:#171278;
}
/*弹出分类导航【标题】*/
.list_text{
    float:left;
    display: block;
    width:31%;
    height:40px;
    padding:0 16px;
}
/*弹出分类导航【关闭按钮】*/
.side_btn {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    border: none;
    border-radius: 0;
    background: #171278;
}
/*弹出分类导航【产品类别按钮】*/
.list_title{
    float:left;
    width:31%;
    height:100%;
}
 .list-group-item{
     float:left;
     width:100%;
     height:40px;
     border:none;
     background:#D7D7D7;
}
.list-group-item:first-child{
    background:white;
}
.list-group-item:first-child,.list-group-item:last-child{
    border-radius:0;
    border:none;
}
/*弹出分类导航【产品类别展示区块】*/
.list_content{
    float:left;
    width:69%;
    height:100%;
}
.list_line{
    float:left;
    width:50%;
    display: flex;
    padding: 4px 4px;
    background: white;
}
/*弹出分类导航【产品类别展示图片】*/
.list_img{
    flex:1;
    width:100%;
    padding:2px 0;
    font-size: 0.7em;
    color:grey;
}
.list_img img{
    width:100%;
    height:86%;
    padding:4px;
}
/*弹出分类导航【产品类别展示文字描述】*/
.list_img span{
    display: block;
    width:100%;
    height:20px;
    text-align: center;
}
/*弹出分类导航：产品类别按钮对应显示区块*/
.list_a{
    display:block;
}
.list_b,.list_c,.list_d{
    display:none;
}
/*-----------------------------------------------------------主页面*/
.container{
    min-width:350px;
    max-width: 650px;
    padding: 0 0 30% 0;
    background:#F6F6F6;
}
/*-------------------------------------------------------------页头*/
header{
    padding:0;
}
.header_n{
    padding:0;
    min-width:350px;
    max-width: 650px;
}
/*------------------------------logo图区块*/
.header_line{
    min-width:350px;
    max-width: 650px;
    height:40px;
    background:#171278;
}
/*弹出分类导航【关闭按钮】*/
.head_btn{
    float:left;
    width: 40px;
    height: 40px;
    text-align: center;
    border: none;
    border-radius: 0;
    background: #171278;
}
/*弹出导航【开关】*/
.btn-default{
    border:none;
    border-radius:0;
}
.glyopen{
    margin-top:2px;
    font-size: 30px;
    color:white;
    background:#171278;
}
.header_open,.side_open{
    width:100%;
    height:100%;
}
/*页头标题、logo*/
.header_logo{
    color:white;
    width:310px;
    height:40px;
    font-size:1.2em;
    padding-left:24%;
    line-height:40px;
    text-align: center;
}
/*---------------------------------轮播区块*/
.carousel{
    min-width:350px;
    max-width: 650px;
    height:140px;
    background: yellow;
}
.left,.right{
    margin-top:50px;
    width:20px;
    height:40px;
    background: #2b542c;
}
/*---------------------------------搜索框*/
.header_search{
    min-width:350px;
    max-width: 650px;
    height:60px;
}
.input-group{
    padding:15px 40px;
    min-width:350px;
    max-width: 650px;
}
.input-group input{
    height:30px;
    border-radius:4px;
    border-color:#171278;
}
.input-group span{
    color: white;
    height:30px;
    border-radius:4px;
    background:#171278;
    border-color:#171278;
}
/*-------------------------------------------------------------网页中间内容*/
/*-------------------分类、订单、购物车、个人中心*/
.search_down{
    min-width:350px;
    max-width: 650px;
    display: flex;
}
.search_down_li{
    flex: 1;
    background: #FFFFFF;
    text-align: center;
}
.btntopnav{
    width:50px;
    height:50px;
    border: none;
    border-radius: 50%;
}
.topnav1{
    background:#800000;
}
.topnav2{
    background:#6633CC;
}
.topnav3{
    background:#FF9900;
}
.topnav4{
    background:#008000;
}
.glyphicon-th-list,.glyphicon-tag,.glyphicon-shopping-cart,.glyphicon-user{
    font-size: 30px;
    color:white;
}
.search_down_li div{
    width:100%;
    height:20px;
    color:#666666;
    font-size: 0.8em;
    text-align: center;
}
/*-------------------------------------新品上架*/
.new_style{
    display: flex;
    min-width:350px;
    max-width: 650px;
    margin-top:10px;
}
.new_style_li{
    flex:1;
    padding:1px;
}
.new_style_a img{
    width:100%;
    height:100%;
}
.new_style_b img{
    width:100%;
    height:50%;
}
.new_style_b:nth-child(2) img{
    padding-top:2px;
}
/*--------------------------------------热销商品*/
/*热销商品标题*/
.hot_title{
    margin-top:10px;
    float:left;
    width:100%;
    height:40px;
    line-height: 40px;
    background:#D7D7D7;
}
.hot_title a:nth-child(1){
    margin-left: 10px;
    color:#999999;
}
.hot_title a:nth-child(2){
    float: right;
    margin-right:10px;
    color:#999999;
}
/*热销商品*/
.hot_style {
    min-width: 350px;
    max-width: 650px;
}
.hot_style_li{
    float:left;
    width:50%;
    padding:1px;
}
.hot_style:nth-child(1){
    margin-top:0;
}
.hot_style_a img{
    width:100%;
}
.hot_style_title{
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    vertical-align: middle;
    padding:0 8px;
    color:black;
    background: white;
}
/*-------------------------------------猜你喜欢*/
/*猜你喜欢标题*/
.like_title{
    float:left;
    width:100%;
    height:40px;
    line-height: 40px;
    background:#D7D7D7;
    text-align: center;
    color:#999999;
}
.like_style_li{
    float:left;
    width:50%;
    padding:1px 2px 4px 2px;
    background: white;
}
.like_style_a img{
    width:100%;
}
.like_style_title{
    float:left;
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    vertical-align: middle;
    padding:0 8px;
    color:black;
}
.font-title{
    float:left;
    width:60%;
    height:30px;
    font-size:0.9em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.font-title:last-child{
    width:100%;
    height:30px;
}
.font_big{
    float:right;
    font-size:1.0em;
    color: #bb2627;
    font-weight: bold;
}
.font_line {
    float:left;
}
.font_small{
    float:right;
    color:gray;
    font-size: 0.5em;
}
.glybtn {
    float: right;
    margin-top:-10px;
    width:30px;
    height:30px;
    border: none;
}
.glybtn span{
    color:orangered;
    font-size:24px;
}
/*----------------------------------点击加载更多*/
.onload{
    margin-top:30px;
    float:left;
    width:100%;
    text-align: center;
    color:gray;
    font-size:0.9em;
}
/*----------------------------------------------------------固定分类导航按钮*/
footer{
    display: none;
}
.foot_li{
    box-sizing: border-box;
    padding:4px 0;
    border-right: 1px solid #CCCCCC;
    text-align: center;
}
.foot_li:last-child{
    border-right:none;
}
.btnnav{
    padding: 0;
    border:none;
    width:40px;
    height:40px;
    text-align: center;
}
.glynav{
    background: white;
    color:gray;
}
/*-------------------------------------------------------返回顶部按钮*/
.scrtop{
    margin-bottom: 30%;
    margin-left:85%;
    width:45px;
    height:45px;
    border-radius: 50%;
    border:1px solid #ccc;
    font-size: 25px;
    color:#777;
}
.glyphicon-menu-up{
    margin-left:-2px;
}
}